<template>
    <div id="myChart" :style="{width: '800px', height: '600px'}"></div>
</template>
<script>

    import axios from 'axios'
    export default {
        name: 'Echarts',
        mounted(){
            let _this=this
            axios.get('http://localhost:8888/wls/wlsDate').then(function (response) {
                // 基于准备好的dom，初始化echarts实例
                let myChart = _this.$echarts.init(document.getElementById('myChart'))
                // 绘制图表
                myChart.setOption({
                    title: {
                        text: '卧龙寺用户发布视频增量',
                        // subtext: '纯属虚构',
                        left: 'center'
                    },
                    xAxis: {
                        type: 'category',
                        // data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                        data: response.data.dateList,

                    },
                    yAxis: {
                        type: 'value'
                    },
                    series: [{
                        // data: [150, 230, 224, 218, 135, 147, 260],
                        data: response.data.numList,
                        type: 'line'
                    }]

                    // title: {
                    //     text: '番剧版权统计',
                    //     subtext: '',
                    //     left: 'center'
                    // },
                    // tooltip: {
                    //     trigger: 'item'
                    // },
                    // legend: {
                    //     orient: 'vertical',
                    //     left: 'left',
                    // },
                    // series: [
                    //     {
                    //         name: '版权类型',
                    //         type: 'pie',
                    //         radius: '50%',
                    //         data: response.data.acopy,
                    //         // [
                    //         // {value: 300, name: '独家'},
                    //         // {value: 735, name: '会员专享'},
                    //         // {value: 580, name: '限时免费'},
                    //         // {value: 50, name: '出品'},
                    //         // {value: 300, name: '会员抢先'},
                    //
                    //         // ],
                    //         emphasis: {
                    //             itemStyle: {
                    //                 shadowBlur: 10,
                    //                 shadowOffsetX: 0,
                    //                 shadowColor: 'rgba(0, 0, 0, 0.5)'
                    //             }
                    //         }
                    //     }
                    // ]
                });
            })

        }
    }
</script>